<!--
 * @Author: Wang WeiHao
 * @Date: 2024-01-11 17:58:03
 * @LastEditors: Wang WeiHao
 * @LastEditTime: 2024-05-16 09:04:20
 * @Description: 
 * @FilePath: \hmcs_map\src\views\spone\projectManage\all\all.vue
-->
<template>
  <div class="w-100 h-100">
    <containTemplete
      :title="'项目全貌管理'"
      :secondTitles="['项目情况概览', '项目类型', '项目设施建设情况']"
      :slotWidth="[33, 33, 33]"
    >
      <template #left>
        <div class="w-100 h-100">
          <all1 :selectValue="left_value" :allData="allData" v-if=" allData"> </all1>
        </div>
      </template>
      <template #middle>
        <div class="w-100 h-100">
          <all2> </all2>
        </div>
      </template>
      <template #right>
        <div class="w-100 h-100">
          <all3
              v-if="szyData"
            :szyData="szyData"
            :select-value="right_value"
          ></all3>
        </div>
      </template>
      <template #left_control>
        <proSelect
          :optionsData="useOptions().year()"
          :defaultSelectValue="new Date().getFullYear()-1"
          v-model:select-value="left_value"
          :width="150"
        >
        </proSelect>
      </template>
      <template #right_control>
        <proSelect
          :optionsData="useOptions().year()"
          :defaultSelectValue="new Date().getFullYear()-1"
          v-model:select-value="right_value"
          :width="150"
        >
        </proSelect>
      </template>
    </containTemplete>
  </div>
</template>

<script setup lang="ts">
import all1 from "./all1.vue";
import all2 from "./all2.vue";
import all3 from "./all3.vue";
import axios from "axios";
import { useOptions } from "@/hook/useOptions";
import { useFunc } from "@/hook/useFunc";
import containTemplete from "@/components/project/containTemplete.vue";
const left_value = ref();
const right_value = ref();
const jsonData:any = inject('jsonData')
const szyData=ref()
const xmlxData = ref([])

const allData:any = ref()
onBeforeMount(async() => {
  allData.value= await  useFunc().getData("jsgl","xmqkgl");
  szyData.value= await  useFunc().getData("jsgl","ssjs");
});
</script>

<style scoped lang="less"></style>
